<!DOCTYPE html>
<html lang="zh_CN">
<head>
	<title>our home</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">

	<!-- Latest compiled and minified CSS -->
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<!-- Custom styles for this template -->
	<link href="carousel.css" rel="stylesheet">

	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="kde/themes/default/default.css" />

	<!--[if lt IE 9]>
	<script src="js/html5shiv.js"></script>
	<script src="js/respond.min.js"></script>
	<![endif]-->
</head>

<body >

	<header>

		<div class="navbar navbar-default navbar-fixed-top">
			<div class="container">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="index.html"> <strong>我的家</strong>
					</a>
				</div>
				<div class="navbar-collapse collapse">
					<ul class="nav navbar-nav">
						<li>
							<a href="see.html">看看</a>
						</li>
						<li>
							<a href="say.html">说说</a>
						</li>
						<li class="active">
							<a href="write_all.html">记记</a>
						</li>
						<li>
							<a href="timer.html">Time</a>
						</li>
						<li>
							<a href="contact.html">联系我哦</a>
						</li>
					</ul>
					<ul class="nav navbar-nav navbar-right">
						<p id="world"  class="navbar-text">
							<span class="dash">还有:</span>
							<span class="dash weeks_dash">
								<span class="digit text-info">0</span>
								<span class="digit text-info">0</span>
								周
							</span>
							
							<span class="dash days_dash">
								<span class="digit text-info">0</span>
								<span class="digit text-info">0</span>天
							</span>
							
							<span class="dash hours_dash">
								<span class="digit text-info">0</span>
								<span class="digit text-info">0</span>小时
							</span>
							
							<span class="dash minutes_dash">
								<span class="digit text-info">0</span>
								<span class="digit text-info">0</span>分
							</span>
							
							<span class="dash seconds_dash">
								<span class="digit text-info">0</span>
								<span class="digit text-info">0</span>
								秒
							</span>
							
						</p>
						<li>
							<a href="#" data-toggle="modal" data-target="#loginModal">登录</a>
						</li>
						<li>
							<a href="#" data-toggle="modal" data-target="#regModal">注册</a>
						</li>
					</ul>
				</div>

			</div>
		</div>

	</header>
	
	<div class="jumbotron " style="background-color:#3E444C">
		<div class="container">
			<div class="row">
				<div class="col-lg-10">
					<h1> <strong class="text-info">欢迎记记</strong>
						<small class="text-info">这里记录着我们生活的点点滴滴，分享我们的生活感受吧....</small>
					</h1>
				</div>
				
			</div>
		</div>
	</div>
	<!-- Marketing messaging and featurettes
    ================================================== -->
	<!-- Wrap the rest of the page in another container to center all the content. -->

	<div class="container">

		<div class="row">
			<div class="col-lg-3">
				<div class="list-group pinned">
					<div class="list-group-item text-center">
						<img class="img-thumbnail" data-src="holder.js/140x140" alt="100x100">
						<div class="caption">
							<h4 class="text-info">
								<strong>妈妈</strong>
							</h4>
							<hr>
							<p class="list-group-item-text">
							<a class="text-info" href="say_list.html">我的说说</a>&nbsp;
							<a class="text-info" href="write_list.html">我的记记</a>&nbsp;
							<a class="text-info" href="say.html">说说</a>&nbsp;
							<a class="text-info" href="write.html">记记</a>
						</p>
						</div>
						<hr>
							<h5 class="text-info">
								<strong>记记分类</strong>
							</h5>
							<div class="list-group text-info">
								<a href="write_list.html" class="list-group-item">
									<span class="badge ">14</span>
									宝宝健康
								</a>
								<a href="write_list.html" class="list-group-item active">
									<span class="badge ">20</span>
									怀孕注意事项
								</a>
							</div>
					</div>
				</div>
			</div>
			<div class="col-lg-9">

				<h3 class="text-center">
					<strong class="text-info">宝宝三个月的时候注意事项</strong>
					<p class="text-left"><small>博客分类:宝宝健康</small></p>
				</h3>
				
				<p class="text-success">

					&nbsp;&nbsp;&nbsp;宝宝三个月的时候注意事项,注意不能累着，要按时睡觉啊什么的,宝宝三个月的时候注意事项,注意不能累着，要按时睡觉啊什么的,宝宝三个月的时候注意事项,注意不能累着，要按时睡觉啊什么的,宝宝三个月的时候注意事项,注意不能累着，要按时睡觉啊什么的,宝宝三个月的时候注意事项,注意不能累着，要按时睡觉啊什么的,宝宝三个月的时候注意事项,注意不能累着，要按时睡觉啊什么的,宝宝三个月的时候注意事项,注意不能累着，要按时睡觉啊什么的宝宝三个月的时候注意事项,注意不能累着，要按时睡觉啊什么的,宝宝三个月的时候注意事项,注意不能累着，要按时睡觉啊什么的,宝宝三个月的时候注意事项,注意不能累着，要按时睡觉啊什么的,宝宝三个月的时候注意事项,注意不能累着，要按时睡觉啊什么的,宝宝三个月的时候注意事项,注意不能累着，要按时睡觉啊什么的宝宝三个月的时候注意事项,注意不能累着，要按时睡觉啊什么的,宝宝三个月的时候注意事项,注意不能累着，要按时睡觉啊什么的,宝宝三个月的时候注意事项,注意不能累着，要按时睡觉啊什么的,宝宝三个月的时候注意事项,注意不能累着，要按时睡觉啊什么的,宝宝三个月的时候注意事项,注意不能累着，要按时睡觉啊什么的......
					<br>
					&nbsp;&nbsp;&nbsp;宝宝三个月的时候注意事项,注意不能累着，要按时睡觉啊什么的,宝宝三个月的时候注意事项,注意不能累着，要按时睡觉啊什么的,宝宝三个月的时候注意事项,注意不能累着，要按时睡觉啊什么的,宝宝三个月的时候注意事项,注意不能累着，要按时睡觉啊什么的,宝宝三个月的时候注意事项,注意不能累着，要按时睡觉啊什么的
				</p>
				<p class="text-right text-info">
					<a class="text-info" href="">编辑</a>&nbsp;&nbsp;<a class="text-info" href="">删除</a>&nbsp;&nbsp;
					作者：妈妈 2013-10-12 17:31:20
				</p>
				<p class="text-right">Tags:宝宝健康</p>
				<br>
				
				<div class="panel panel-default">
					<div class="panel-heading">
						<div class="text-info">评论列表：</div>
					</div>
					<div class="panel-body">
						<div class="media">
							<a class="pull-left" href="#">
								<img class="media-object" src="" alt="64x64"></a>
							<div class="media-body">
								<h4 class="media-heading text-info">妈妈:</h4>
								<p class="text-success hs-content">
									今天妈妈去检查了，听了小张张的心跳声，声音砰砰砰的响个不停，真像个小火车，宝宝很健康，妈妈很开心，我们现在开始胎动啦，每天锻炼身体呢........
									<span class="pull-right">
										<a href="" class="btn btn-danger btn-xs hs-del">
											<span class="glyphicon glyphicon-trash" data-placement="bottom" data-toggle="tooltip" data-original-title="删除"></span>
										</a>
										&nbsp;
										<small id="time1" class="text-info">2013-09-30 11:20:12</small>
									</span>
								</p>

							</div>
						</div>
						<hr>
						<div class="media">
							<a class="pull-left" href="#">
								<img class="media-object" src="" alt="64x64"></a>
							<div class="media-body">
								<h4 class="media-heading text-info">爸爸:</h4>
								<p class="text-success hs-content">
									小张张越来越大啦，很期待你哦.
									<span class="pull-right">
										<a href="" class="btn btn-danger btn-xs hs-del">
											<span class="glyphicon glyphicon-trash" data-placement="bottom" data-toggle="tooltip" data-original-title="删除"></span>
										</a>
										&nbsp;
										<small class="text-info">2013-09-30 11:22:15</small>
									</span>
								</p>

							</div>
						</div>
					</div>
				</div>
				<hr>
				
				<p class="text-info">
					评论下：
					<form role="form">
						<div class="form-group">
						<textarea id="re_content" name="re_content" class="form-control" rows="5"></textarea>
					</div>
						<!--事件处理及验证参考说说页-->
						<button class="btn btn-info pull-right">发表下意见</button>
					</form>
				</p>
				
			</div>

		</div>

		<!-- /END THE FEATURETTES -->

		<!-- FOOTER -->
		<hr>
		<section class="text-center">
			<footer>
				<address>
					<strong>张小张版权所有 Copyright@2013-2999.All Rights Reserved.</strong>
					<br/>
					<strong>邮箱</strong>
					<a href="mailto:guying1028@gmail.com">guying1028@gmail.com</a>
					<br>
					<small class="text-primary">建议：请使用ie9+、firefox、chrome浏览器浏览，以获得更好的浏览效果</small>
				</address>
			</footer>
		</section>
	</div>
	<!-- /.container -->

	<script type="text/javascript" src="js/jquery.js"></script>
	<!-- Latest compiled and minified JavaScript -->
	<script src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="kde/kindeditor-all-min.js"></script>
	<script type="text/javascript" src="kde/lang/zh_CN.js"></script>
	<script src="js/jquery.pin.min.js"></script>
	<script type="text/javascript" src="js/jquery.lwtCountdown-1.0.js"></script>
	<script src="js/holder.js"></script>
	<script type="text/javascript">
		$(function(){
			//倒计时的
            $('#world').countDown({
					targetDate: {
						'day': 		13,
						'month': 	3,
						'year': 	2014,
						'hour': 	0,
						'min': 		0,
						'sec': 		0					
					}
				});
			 //定位右边头像
			 $(".pinned").pin({containerSelector: ".container", minWidth: 100});
			
		});
	</script>
	<script>
			//富文本编辑框
			var editor;
			KindEditor.ready(function(K) {
				editor = K.create('textarea[name="re_content"]', {
					themeType : 'simple',
					resizeType : 1,
					allowPreviewEmoticons : false,
					allowImageUpload : true,
					width : '100%',
					newlineTag:'br',
					items : [
							'bold', 'italic', 'underline',
							'removeformat','emoticons', 'link'],
					afterChange : function() {
				      //限制字数
				      var limitNum = 200;  //设定限制字数
				      var pattern = this.count('text')+'/' + limitNum + '字'; 
				      $('#hs_count').html(pattern); //输入显示
				      if(this.count('text') > limitNum) {
					       pattern = ('字数超过限制，请适当删除部分内容');
					       //超过字数限制自动截取
					       var strValue = editor.text();
					       strValue = strValue.substring(0,limitNum);
					       editor.text(strValue);
				       }
				       $('#hs_count').html(pattern); //输入显示	
				       var self = this;
					   self.sync();
					}
				});
			});
	</script>

</body>

</html>